<div data-role="page" id="main" >
<script type="text/javascript" src="json2.js"></script>
<script type="text/javascript" src="label.js"></script>
<script type="text/javascript" src="map.js"></script>

    <div data-role="header">
        <h1><span id="titleSpan">Rogue Agent</span></h1>
        <a href="#" id="problemButton" class="button" data-role="button" style="float:right; font-size: .5em;">Refresh</a>
    </div><!-- /header -->

    <div data-role="content" id="mainContent">
        <?php
            echo '<input type="hidden" id="numAgentsVal" value="'.$_POST["numAgents"].'" />';
            echo '<input type="hidden" id="numVarsVal" value="'.$_POST["numVars"].'" />';
            echo '<input type="hidden" id="talkRadiusVal" value="'.$_POST["talkRadius"].'" />';
        ?>
        <div id="map" style="height:300px;"></div>
    </div><!-- /content -->
    <div data-role="footer" class="ui-bar" style="text-align:center;">
        <a href="#" id="convoButton" class="button" data-role="button">Start Conversation</a>
        <a href="info.php" id="infoButton" class="button" data-role="button">Information</a>
        <a href="accuse.php" id="infoButton" class="button" data-role="button">Accuse</a>
    </div>
</div>
